import { useState, createContext } from "react";
import Header from "@/components/Header";
import Content from "@/components/Content";
import Footer from "@/components/Footer";
//创建一个上下文对象
export const AppContext = createContext({});
const App = () => {
  const [count, setCount] = useState(0);
  return (
    <div>
      <AppContext.Provider value={{ count, setCount }}>
        <Header />
        <hr />
        <Content />
        <hr />
        <Footer />
      </AppContext.Provider>
    </div>
  );
};

export default App;
